<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
        <meta name="author" content="order by dede58.com"/>
		<title>图书馆首页</title>
		<link rel="stylesheet" href="layui/css/layui.css">
		<style>
		  .div0{background-color:#f2f2f2;height:1400px;}
		  .div1{float:left;height:800px;}
		  .ul1{height:100%;}
		  .font1{height:40px;background-color:#393D49;padding-top:18px;}
		  
		  .font3{font-size:10px;color:#c2c2c2;}
		  .div2{background-color:#d2d2d2;height:810px;float:left;}
		  .div3{padding-top:0px;}
		  .div4{padding-left:180px;}
		  .div10{background-color:white;font-size:15px;float:right;}
		  .div6{padding-top:18px;}
		  .div7{background-color:#d2d2d2;}
		  .diva{color:#2F4056;}
		  </style>
	</head>
	
	<body>
	
	<div class="div0 layui-row layui-col-space10">
	<div class="font1 layui-col-md12 layui-col-lg12">
		<div class="layui-row layui-col-space10">
		   <div class="layui-col-md2 font3">
		 
		            用户：张三
		   
		  </div>
		  <div class="layui-col-md2 font3">
		   	
		  </div>
		  <div class="layui-col-md4">
		   	
		  </div>
		  <div class="layui-col-md4 div4">
		    <span class="layui-breadcrumb">
			  <a href="./register.jsp">注册</a>
			  <a href="./login.jsp">登录</a>
			  <a href="./information.jsp">个人中心</a>
			   <a href="./.jsp">消息通知</a>
			</span>
			</div>
		</div>
	</div>
	<div class="layui-row">
		<div class="layui-col-md4 layui-col-lg4">
			<img alt="" src="image/70.jpg" width="200px;" height="80px;" style="padding-top:10px;">
		</div>
		<div class="layui-col-md4 layui-col-lg4 div6">
			<form class="layui-form" action="selectBook.action">
				   	<div class="layui-form-item" style="padding-top:10px;">
						<label class="layui-form-label div3">
							<button class="layui-btn">点击搜索</button>
						</label>
						<div class="layui-input-block">
						    <input type="text" name="link" id="link" required  lay-verify="required" placeholder="输入搜索图书" autocomplete="off" class="layui-input">
						</div>
					</div>
			   	</form>
		</div>
		<div class="layui-col-md4 layui-col-lg4"></div>
	</div>
	<div class="layui-col-md12 layui-col-lg12">
			<ul class="layui-nav div7" lay-filter="">
			  <li class="layui-nav-item"><a href="" style="color:black;">最新活动</a></li>
			  <li class="layui-nav-item layui-this"><a href="" style="color:black;">产品</a></li>
			  <li class="layui-nav-item"><a href="" style="color:black;">大数据</a></li>
			  <li class="layui-nav-item">
			    <a href="javascript:;" style="color:black;">解决方案</a>
			    <dl class="layui-nav-child"> <!-- 二级菜单 -->
			      <dd><a href="" style="color:black;">移动模块</a></dd>
			      <dd><a href="" style="color:black;">后台模版</a></dd>
			      <dd><a href="" style="color:black;">电商平台</a></dd>
			    </dl>
			  </li>
			  <li class="layui-nav-item"><a href="" style="color:black;"	>社区</a></li>
			</ul>
	</div>	
	  <div class="layui-col-md12 layui-col-lg12">
	  	  	<div class="layui-carousel layui-col-md12 layui-col-lg12" id="test1">
				  <div carousel-item >
				    <div><img alt="" src="image/login_bg.jpg" width="1500px" height=""></div>
				    <div><img alt="" src="image/banner2.jpg" width="1500px" height=""></div>
				  </div>
	         </div>
	  </div>
	  <hr>
	  <div class="layui-col-md12 layui-col-md12">
	  		<div class="layui-row layui-col-space10">
				
					<div class="layui-card-header">
						<div style="float:left"><b>今日图书推荐</b></div>
						<div style="float:right">更多>></div>
					</div>
				
					<div class="layui-col-md2 layui-col-lg2">
						<div class="layui-card">
						  <div class="layui-card-body" style="text-align:center;">
						    <img alt="" src="image/pinpai1.png" width="200px" height="150px">
						  </div>
						  <div class="layui-card-footer" style="text-align:center;">《猫武士++${name}》<br>作者：林清炫${locationid}</div>
					  	</div>
					</div>
					
					<div class="layui-col-md2 layui-col-lg2">
						<div class="layui-card">
						  <div class="layui-card-body" style="text-align:center;">
						    <img alt="" src="image/dinL320.PNG" width="200px" height="150px">
						  </div>
						  <div class="layui-card-footer" style="text-align:center;">《墨菲定律》<br>作者：林清炫</div>
					  	</div>
					</div>
					
					<div class="layui-col-md2 layui-col-lg2">
						<div class="layui-card">
						  <div class="layui-card-body" style="text-align:center;">
						    <img alt="" src="image/diQ320.PNG" width="200px" height="150px">
						  </div>
						  <div class="layui-card-footer" style="text-align:center;">《流浪地球》<br>作者：林清炫</div>
					  	</div>
					</div>
					
					<div class="layui-col-md2 layui-col-lg2">
						<div class="layui-card">
						  <div class="layui-card-body" style="text-align:center;">
						    <img alt="" src="image/gouT320.PNG" width="200px" height="150px">
						  </div>
						  <div class="layui-card-footer" style="text-align:center;">《高难度沟通》<br>作者：林清炫</div>
					  	</div>
					</div>
					
					<div class="layui-col-md2 layui-col-lg2">
						<div class="layui-card">
						  <div class="layui-card-body" style="text-align:center;">
						    <img alt="" src="image/guD320.PNG" width="200px" height="150px">
						  </div>
						  <div class="layui-card-footer" style="text-align:center;">《孤独》<br>作者：林清炫</div>
					  	</div>
					</div>
					
					<div class="layui-col-md2 layui-col-lg2">
						<div class="layui-card">
						  <div class="layui-card-body" style="text-align:center;">
						    <img alt="" src="image/pinpai1.png" width="200px" height="150px">
						  </div>
						  <div class="layui-card-footer" style="text-align:center;">《猫武士》<br>作者：林清炫</div>
					  	</div>
					</div>
					
				</div>
	  </div>
	  
	  <hr>
	 <div class="layui-row">
	 <div class="layui-col-md4 layui-col-lg4">
				<table class="layui-table" lay-skin="line">
				  <tbody>
					<tr>
				      <td>借阅排行</td>
				      <td></td>
				      <td align="right">更多>></td>
				    </tr>
				    <tr>
				      <td>《猫武士》</td>
				      <td width="">作者：林清讯</td>
				      <td width="30%">分值：${score}95%</td>
				    </tr>
				    <tr>
				      <td>《墨菲定律》</td>
				      <td width="">作者：林清讯</td>
				      <td width="30%">分值：85%</td>
				    </tr>
				    <tr>
				      <td>《流浪地球》</td>
				      <td width="">作者：林清讯</td>
				      <td width="30%">分值：80%</td>
				    </tr>
				    <tr>
				      <td>《孤独》</td>
				      <td width="">作者：林清讯</td>
				      <td width="30%">分值：75%</td>
				    </tr>
				    <tr>
				      <td>《高难度沟通》</td>
				      <td width="">作者：林清讯</td>
				      <td width="30%">分值：70%</td>
				    </tr>
				  </tbody>
				</table>
		</div>
		
		<div class="layui-col-md8 layui-col-lg8">
				<table class="layui-table" lay-skin="line">
				  <tbody>
					<tr>
				      <td>最新公告</td>
				      <td align="right">更多>></td>
				    </tr>
				    <tr>
				      <td>用户XXX借阅书籍《猫武士》超出归还期限15天处罚3元人民币</td>
				      <td width="20%">2024-5-27 19:27</td>
				    </tr>
				    <tr>
				      <td>用户xxx借阅书籍《流浪地球》书本丢失，赔偿20元人民币</td>
				      <td width="20%">2024-5-27 19:27</td>
				    </tr>
				    <tr>
				      <td>图书馆2楼捡到一个钱包，有丢失者前来认领</td>
				      <td width="20%">2024-5-27 19:27</td>
				    </tr>
				    <tr>
				      <td>图书馆1楼A区进行维修，请同学远离该区域</td>
				      <td width="20%">2024-5-27 19:27</td>
				    </tr>
				    <tr>
				      <td>今晚21：00整准时闭馆，请各位同学合理安排时间。</td>
				      <td width="20%">2024-5-27 19:27</td>
				    </tr>
				  </tbody>
				</table>
		</div>
		
	 </div>
	 <hr>
	 <div class="layui-col-md12 layui-col-md12">
	  		<div class="layui-row layui-col-space10">
				
					<div class="layui-card-header">
						<div style="float:left"><b>最先上架图书</b></div>
						<div style="float:right">更多>></div>
					</div>
				
					<div class="layui-col-md2 layui-col-lg2">
						<div class="layui-card">
						  <div class="layui-card-body" style="text-align:center;">
						    <img alt="" src="image/pinpai1.png" width="200px" height="150px">
						  </div>
						  <div class="layui-card-footer" style="text-align:center;">《猫武士》<br>作者：林清炫<br>上架时间：2019/5/19</div>
					  	</div>
					</div>
					
					<div class="layui-col-md2 layui-col-lg2">
						<div class="layui-card">
						  <div class="layui-card-body" style="text-align:center;">
						    <img alt="" src="image/dinL320.PNG" width="200px" height="150px">
						  </div>
						  <div class="layui-card-footer" style="text-align:center;">《墨菲定律》<br>作者：林清炫<br>上架时间：2019/5/19</div>
					  	</div>
					</div>
					
					<div class="layui-col-md2 layui-col-lg2">
						<div class="layui-card">
						  <div class="layui-card-body" style="text-align:center;">
						    <img alt="" src="image/diQ320.PNG" width="200px" height="150px">
						  </div>
						  <div class="layui-card-footer" style="text-align:center;">《流浪地球》<br>作者：林清炫<br>上架时间：2019/5/19</div>
					  	</div>
					</div>
					
					<div class="layui-col-md2 layui-col-lg2">
						<div class="layui-card">
						  <div class="layui-card-body" style="text-align:center;">
						    <img alt="" src="image/gouT320.PNG" width="200px" height="150px">
						  </div>
						  <div class="layui-card-footer" style="text-align:center;">《高难度沟通》<br>作者：林清炫<br>上架时间：2019/5/19</div>
					  	</div>
					</div>
					
					<div class="layui-col-md2 layui-col-lg2">
						<div class="layui-card">
						  <div class="layui-card-body" style="text-align:center;">
						    <img alt="" src="image/guD320.PNG" width="200px" height="150px">
						  </div>
						  <div class="layui-card-footer" style="text-align:center;">《孤独》<br>作者：林清炫<br>上架时间：2019/5/19</div>
					  	</div>
					</div>
					
					<div class="layui-col-md2 layui-col-lg2">
						<div class="layui-card">
						  <div class="layui-card-body" style="text-align:center;">
						    <img alt="" src="image/pinpai1.png" width="200px" height="150px">
						  </div>
						  <div class="layui-card-footer" style="text-align:center;">《猫武士》<br>作者：林清炫<br>上架时间：2019/5/19</div>
					  	</div>
					</div>
					
				</div>
	  </div>
	 
	</div>
	
	
	

		
		
	
	
	<div style="text-align:center;">
	<br>
		<p>Copyright 2014 - Software Technology from <a href="http://www.yngsxy.net/" title="云南工商学院" target="_blank">云南工商学院</a></p> 
    </div> 
    
    
	<script src="layui/layui.js" charset="utf-8"></script>
	  <script>
	  
	 
			//Demo
		layui.use('form', function(){
		  var form = layui.form;
		  
		  //监听提交
		  form.on('submit(formDemo)', function(data){
		    layer.msg(JSON.stringify(data.field));
		    return false;
		  });
		});
		
		//注意：导航 依赖 element 模块，否则无法进行功能性操作
		layui.use('element', function(){
		  var element = layui.element;
		  
		  //…
		});
		
		layui.use('carousel', function(){
		  var carousel = layui.carousel;
		  //建造实例
		  carousel.render({
		    elem: '#test1'
		    ,width: '100%' //设置容器宽度
		    ,arrow: 'always' //始终显示箭头
		    //,anim: 'updown' //切换动画方式
		  });
		});
	  </script> 
	</body>
</html>